<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<title></title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-shop-process.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header header2 min-w">
	<div class="wrap clearfix">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp search-r fr">
			<div class="search-form">
				<input type="text" class="search-text">
				<button class="v-btn search-button">搜索</button>
			</div>
		</div>
	</div>
</div>
<div class="content min-w">
	<div class="wrap">
		<div class="shopping-process wrap">
			<div class="my-shopping fl"><em class="v-icon order-icon"></em>填写订单</div>
			<ul class="shopping-process-con fr">
				<li class="shopping-first">
					<em class="v-icon shopping-circle"></em>
					<span>查看购物车</span>
				</li>
				<li class="shopping-order cur">
					<em class="v-icon shopping-circle"></em>
					<span>填写订单</span>
				</li>
				<li class="shopping-last">
					<em class="v-icon shopping-circle"></em>
					<span>付款，完成购买</span>
				</li>
			</ul>
		</div>
		<div class="write-order">
        	<div class="addr-info">
            	<div class="addr-tit">请填写并核对信息</div>
                <div class="addr-wrap">
                	<div class="addr-con">
                    	<h3 class="wo-tit">收货人信息<span class="add-addr fr">新增收货人地址</span></h3>
                        <div class="addr-box">
                            <div class="addr-item selected">
                                <div class="addr-item-inner">
                                    <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                                    <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                                    <div class="addr-tel">137****2020</div>
                                    <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-default">默认地址</span><span class="addr-del">删除</span></div>
                                    <span class="v-icon selected-i selected-i2"></span>
                                </div>
                            </div>
                            <div class="addr-item">
                                <div class="addr-item-inner">
                                    <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                                    <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                                    <div class="addr-tel">137****2020</div>
                                    <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                                    <span class="v-icon selected-i selected-i2"></span>
                                </div>
                            </div>
                            <div class="addr-item">
                                <div class="addr-item-inner">
                                    <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                                    <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                                    <div class="addr-tel">137****2020</div>
                                    <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                                    <span class="v-icon selected-i selected-i2"></span>
                                </div>
                            </div>
                            <div class="addr-item">
                                <div class="addr-item-inner">
                                    <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                                    <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                                    <div class="addr-tel">137****2020</div>
                                    <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                                    <span class="v-icon selected-i selected-i2"></span>
                                </div>
                            </div>
                            <div class="addr-item">
                                <div class="addr-item-inner">
                                    <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                                    <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                                    <div class="addr-tel">137****2020</div>
                                    <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                                    <span class="v-icon selected-i selected-i2"></span>
                                </div>
                            </div>
                            <div class="addr-item">
                                <div class="addr-item-inner">
                                    <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                                    <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                                    <div class="addr-tel">137****2020</div>
                                    <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                                    <span class="v-icon selected-i selected-i2"></span>
                                </div>
                            </div>
                            <div class="addr-item">
                                <div class="addr-item-inner">
                                    <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                                    <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                                    <div class="addr-tel">137****2020</div>
                                    <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                                    <span class="v-icon selected-i selected-i2"></span>
                                </div>
                            </div>
                        </div>
                        <div class="more-addr"><span>更多地址</span><em class="v-icon addr-icon1"></em></div>
                        <div class="fold-addr"><span>收起地址</span><em class="v-icon addr-icon3"></em></div>
                    </div>
                	<div class="deliver-way">
                    	<h3 class="wo-tit">配送方式</h3>
                        <div class="deliver-express selected"><span class="deliver-txt">快递</span><em class="v-icon selected-i"></em></div>
                    </div>
                </div> 
            </div>
            <div class="order-goods">
            	<h3 class="od-goods-h3">商品清单</h3>
            	<div class="order-item">
                	<ul class="item-con cart-info clearfix">
                        <li class="cart-td td-info">商品</li>
                        <li class="cart-td td-unit-price">单价</li>
                        <li class="cart-td td-amount">数量</li>
                        <li class="cart-td td-price-now">小计</li>
                    </ul>
                    <h3 class="order-shop-name">店铺：虎都男装旗舰店</h3>
        			<div class="goods-wrap">
                    	<ul class="item-con cart-item clearfix">
                            <li class="cart-td td-info clearfix">
                                <a href="javascript:void(0);" class="cart-img-a"><img src="#"></a>
                                <div class="cart-txt">
                                    <div class="cart-txt-info">
                                    	<a href="javascript:void(0);">
                                            <h2 class="cart-brand">品牌名称</h2>
                                            <h3 class="cart-name">虎都秋冬新品男装男上装翻领外套男上装翻领外套</h3>
                                        </a>
                                        <p class="cart-color">颜色：藏青</p>
                                        <p class="cart-size">尺码：M</p>
                                        
                                    </div>
                                </div>
                            </li>
                            <li class="cart-td td-unit-price">
                                <span>¥1699.00</span>
                            </li>
                            <li class="cart-td td-amount"><span>1</span></li>
                            <li class="cart-td td-price-now">
                                <span>¥1699.00</span>
                            </li>
						</ul> 
                        <ul class="item-con cart-item clearfix">
                            <li class="cart-td td-info clearfix">
                                <a href="javascript:void(0);" class="cart-img-a"><img src="#"></a>
                                <div class="cart-txt">
                                    <div class="cart-txt-info">
                                    	<a href="javascript:void(0);">
                                            <h2 class="cart-brand">品牌名称</h2>
                                            <h3 class="cart-name">虎都秋冬新品男装男上装翻领外套男上装翻领外套</h3>
                                        </a>
                                        <p class="cart-color">颜色：藏青</p>
                                        <p class="cart-size">尺码：M</p>
                                        
                                    </div>
                                </div>
                            </li>
                            <li class="cart-td td-unit-price">
                                <span>¥1699.00</span>
                            </li>
                            <li class="cart-td td-amount"><span>1</span></li>
                            <li class="cart-td td-price-now">
                                <span>¥1699.00</span>
                            </li>
						</ul>
                    </div>
                </div>
            </div>
            <div class="order-other">
                <div class="invoice-info">
                    <h3 class="invoice-tit">发票信息</h3>
                    <div class="no-invoice">不开发票 <a href="javascript:;" class="no-invoice-a edit_invoice">修改</a></div>
                    <div class="invoice-con">普通发票 <span>明细</span><span class="invoice-infoinfo-cont">北京一二三科技有限公司</span><a href="javascript:;" class="invoice-con-a edit_invoice">修改</a></div>
                </div>
                <div class="coupon-info">
                	<h3 class="coupon-tit"><em class="v-icon plus-icon"></em>使用优惠券</h3>
                    <div class="write-coupon">
                        <p class="coupon-p">请选择您要使用的优惠券</p>
                        <div class="coupon-wrap selected">
                            <span class="v-icon circle-icon"></span>
                            <div class="v-select coupon-con">
                                <div class="select-txt coupon-txt">
                                    <input type="text"><span class="v-icon txt-arr2"></span>
                                    <ul class="select-dropdown coupon-dropdown">
                                        <li><a href="javascript:;">红包券：满200减20（店铺券）</a></li>
                                        <li><a href="javascript:;">红包券：满999减100（全品类）</a></li>
                                        <li><a href="javascript:;">红包券：满200减20（店铺券）</a></li>
                                        <li><a href="javascript:;">红包券：满200减20（店铺券）</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="coupon-wrap coupon-code">
                            <span class="v-icon circle-icon"></span>
                            <label>直接输入编码：</label>
                            <input type="text">
                        </div>
                    </div>
                </div>
                <div class="account-info">
                	<p><label>共<b>4</b>件商品　总计：</label><span>￥998.00</span></p>
                    <p><label>运费：</label><span>+￥8.00</span></p>
                    <p><label>优惠：</label><span>-￥100.00</span></p>
                    <p><label>应付金额：</label><span>￥906.00</span></p>
                    <p class="account-addr"><label>寄送至：</label><span>北京市东城区安定门外大街185号京宝大厦304</span></p>
                    <p class="account-receive"><label>收件人：</label><span>李猜</span></p>
                    <div class="account-sum">
                    	<label>应收金额：</label>
                        <strong>￥998.00</strong>
                        <button class="v-btn">去付款</button>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>
<div class="float-pop pop-invoice">
	<div class="div-pop"></div>
    <div class="pop-wrap">
    	<div class="pop-tit clearfix">
            <h3>发票信息</h3>
            <span class="v-icon close-icon fr">关闭</span>
        </div>
        <div class="pop-con">
        	<div class="invoice-select">
            	<label>是否开发票：</label>
                <div class="invoice-item invoice-item1 selected"><span>不开发票</span><em class="v-icon selected-i"></em></div>
                <div class="invoice-item invoice-item2 "><span>开发票</span><em class="v-icon selected-i"></em></div>
            </div>
            <ul class="invoice-txt">
            	<li>
                	<label>发票类型：</label>
                    <span>普通发票</span>
                </li>
                <li>
                	<label>发票内容：</label>
                    <span>明细</span>
                </li>
                <li>
                	<label>发票抬头：</label>
                    <span><input type="text" class="invoice-input"></span>
                </li>
            </ul>
            <div class="invoice-btn">
                <button class="v-btn invoice-certain">保存发票信息</button>
                <button class="v-btn invoice-cancel">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="float-pop consignee-pop">
	<div class="div-pop"></div>
    <div class="pop-wrap consignee-info">
    	<div class="pop-tit clearfix">
            <h3>添加收货人信息</h3>
            <span class="v-icon close-icon fr">关闭</span>
        </div>
        <div class="pop-con">
        	<ul class="cons-info-con">
                <li class="cons-consignee">
                    <label class="cons-label"><b>*</b>收件人：</label>
                    <div class="cons-input">
                        <input type="text" class="input-name">
                    </div>
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写收件人姓名</span>
                    </div>	
                </li>
                <li class="cons-tel">
                    <label class="cons-label"><b>*</b>手　　机：</label>
                    <div class="cons-input">
                        <input type="text"  class="input-tel" maxlength="11">
                    </div>
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写手机号</span>
                    </div>
                    <div class="cons-msg-error">
                        <em class="v-icon error-icon"></em>
                        <span class="msg-txt">手机号格式不正确</span>
                    </div>		
                </li>
                <li class="cons-devision">
                    <label class="cons-label"><b>*</b>所在地区：</label>
                    <div class="cons-input">
                        <div class="cons-select cons-select1">
                            <input type="text" class="cons-province" placeholder="请选择省份">
                            <span class="v-icon cons-down"></span>
                            <div class="cons-dorpdown  cons-dorpdown1">
                                <h3><span class="cons-drop-tit">请选择省份</span></h3>
                                <div class="cons-area">
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                </div>
                            </div>
                        </div>
                        <div class="cons-select cons-select2">
                            <input type="text" class="cons-city" placeholder="请选择城市">
                            <span class="v-icon cons-down"></span>
                            <div class="cons-dorpdown cons-dorpdown2">
                                <h3><span class="cons-drop-tit">请选择城市</span></h3>
                                <div class="cons-area">
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                </div>
                        	</div>
                        </div>
                        <div class="cons-select cons-select3">
                            <input type="text" class="cons-town" placeholder="请选择区县">
                            <span class="v-icon cons-down"></span>
                            <div class="cons-dorpdown cons-dorpdown3">
                            <h3><span class="cons-drop-tit">请选择区县</span></h3>
                            <div class="cons-area">
                                <a href="javascript:;">北京</a>
                                <a href="javascript:;">福建</a>
                                <a href="javascript:;">安徽</a>
                                <a href="javascript:;">湖北</a>
                                <a href="javascript:;">湖南</a>
                                <a href="javascript:;">重庆</a>
                                <a href="javascript:;">河北</a>
                                <a href="javascript:;">河南</a>
                                <a href="javascript:;">北京</a>
                                <a href="javascript:;">福建</a>
                                <a href="javascript:;">安徽</a>
                                <a href="javascript:;">湖北</a>
                                <a href="javascript:;">湖南</a>
                                <a href="javascript:;">重庆</a>
                                <a href="javascript:;">河北</a>
                                <a href="javascript:;">河南</a>
                            </div>
                        </div>
                        </div>
                        
                    </div>	
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请选择完整信息</span>
                    </div>
                </li>
                <li class="cons-street">
                    <label class="cons-label"><b>*</b>详细地址：</label>
                    <div class="cons-input">
                        <input type="text" class="input-add">
                    </div>	
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写完整信息</span>
                    </div>
                </li>
                <li class="cons-postalcode">
                    <label class="cons-label">邮政编码：</label>
                    <div class="cons-input">
                        <input type="text" class="input-zipcode" maxlength="6">
                    </div>	
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写邮政编码</span>
                    </div>
                    <div class="cons-msg-error">
                        <em class="v-icon error-icon"></em>
                        <span class="msg-txt">邮政编码格式不正确</span>
                    </div>	
                </li>
                <li class="cons-set">
                    <span class="check-con">
                        <em class="v-icon check-default"></em>
                        <label>设置为默认收货地址</label>
                    </span>
                </li>
                <li class="cons-btn">
                    <button class="v-btn cons-btn-save">保存收货人信息</button>
                    <button class="v-btn cons-btn-close">不保存并关闭</button>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/v-write-order.js"></script>
</body>
</html>